<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>收货人信息表单</title>

    <link rel="stylesheet" href="styles.css">

</head>

<body>

    <form id="shippingForm">

        <label for="receiverName">收货人：</label>

        <input type="text" id="receiverName" name="receiverName" required>



        <label for="receiverPhone">手机号码：</label>

        <input type="tel" id="receiverPhone" name="receiverPhone" required>



        <label for="receiverArea">所在地区：</label>

        <input type="text" id="receiverArea" name="receiverArea" required>



        <label for="receiverAddress">详细地址：</label>

        <input type="text" id="receiverAddress" name="receiverAddress" required>



        <label>标签：</label>

        <div class="radio-group">

            <input type="radio" id="receiverTagHome" name="receiverTag" value="家" required>

            <label for="receiverTagHome">家</label>

            <input type="radio" id="receiverTagCompany" name="receiverTag" value="公司">

            <label for="receiverTagCompany">公司</label>

            <input type="radio" id="receiverTagSchool" name="receiverTag" value="学校">

            <label for="receiverTagSchool">学校</label>

        </div>



        <div class="checkbox-wrapper">

            <label for="defaultAddress">设置为默认地址：</label>

            <input type="checkbox" id="defaultAddress" name="defaultAddress" value="yes">

        </div>



        <button type="submit">提交</button>

    </form>

</body>

</html>

